    .head {
        height: 100px;
        background-color: #fff;
    }
    
    .head-c {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .head .logo {
        float: left;
        margin-top: 24px;
    }
    
    .head .nav {
        float: right;
        height: 100px;
    }
    
    .head .nav-item {
        float: left;
        width: 40px;
        text-align: center;
        line-height: 100px;
        margin-left: 70px;
        font-size: 14px;
    }
    
    .head .nav-item a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .head .nav-item .line {
        width: 20px;
        height: 1px;
        display: block;
        background-color: #668aca;
        margin: 0 auto;
        margin-top: -35px;
        opacity: 0;
    }
    
    .head .nav-item:hover a {
        color: #668aca;
        font-size: 18px;
    }
    
    .head .nav-item:hover .line {
        opacity: 1;
    }
    
    .head .active a {
        color: #668aca;
        font-size: 18px;
    }
    
    .head .active .line {
        opacity: 1;
    }
    
    .banner {
        width: 100%;
        height: 700px;
        background-color: orange;
        background: url(../img/banner.jpg) no-repeat center;
        background-size: cover;
    }
    
    .banner-c {
        position: relative;
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        /* background-color: #f7f7f7; */
    }
    
    .show {
        height: 450px;
        background-color: #fff;
    }
    
    .show-c {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .show .title {
        width: 1200px;
        height: 51px;
        margin: 120px auto 0;
    }
    
    .title .cname {
        height: 28px;
        font-size: 30px;
        line-height: 28px;
    }
    
    .title .ename {
        height: 10px;
        font-size: 12px;
        line-height: 10px;
        margin-top: 6px;
    }
    
    .show .title .line {
        /* width: 60px; */
        height: 1px;
        margin-top: 6px;
    }
    
    .show .title .left {
        width: 60px;
        height: 1px;
        background-color: #a1a1a1;
        float: left;
    }
    
    .show .title .right {
        width: 300px;
        height: 1px;
        background-color: #a1a1a1;
        float: right;
    }
    
    .show .nav {
        /* 宽度有内容撑开 */
        width: fit-content;
        margin: 0 auto;
        height: 132px;
    }
    
    .show .nav-item {
        float: left;
        /* width: 16px; */
        text-align: center;
        line-height: 132px;
        font-size: 14px;
        margin-left: 71px;
    }
    
    .show .nav-item a {
        display: block;
        width: 40px;
        height: 100%;
    }
    
    .show .nav-item .line {
        width: 12px;
        height: 1px;
        display: block;
        background-color: #668aca;
        margin: 0 auto;
        margin-top: -55px;
        opacity: 0;
    }
    
    .show .nav-item:hover a {
        color: #668aca;
        font-size: 16px;
    }
    
    .show .nav-item:hover .line {
        opacity: 1;
    }
    
    .card {
        position: relative;
        width: 1200px;
        height: 100%;
        color: #767676;
    }
    
    .card .box {
        position: relative;
        float: left;
        display: block;
        width: 360px;
        height: 270px;
        margin-left: 30px;
    }
    
    .card .imge {
        width: 360px;
        height: 180px;
        /* margin-top: 70px; */
    }
    
    .card .info {
        position: relative;
        margin-left: 50px;
        overflow: hidden;
    }
    
    .card .city {
        font-size: 14px;
        line-height: 14px;
        margin-top: 28px;
        margin-bottom: 7px;
    }
    
    .card .desc {
        font-size: 12px;
        line-height: 13px;
    }
    
    .card .info .icon {
        position: absolute;
        right: 50px;
        top: 30px;
        width: 30px;
        height: 30px;
        background: url(../img/more.png) no-repeat center;
    }
    
    .card .mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 360px;
        height: 270px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        color: #fff;
        opacity: 0;
    }
    
    .mask .t1 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 4px;
        margin-top: 58px;
        margin-left: 50px;
    }
    
    .mask .t2 {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 14px;
        margin-left: 50px;
    }
    
    .mask .t3 {
        line-height: 22px;
        font-size: 12px;
        margin-left: 50px;
    }
    
    .like {
        position: absolute;
        right: 50px;
        bottom: 60px;
        width: 45px;
        height: 45px;
        background: url(../img/btn-1.png) no-repeat center;
    }
    
    .box:hover .mask {
        opacity: 1;
    }
    
    .box:hover .info {
        opacity: 0;
    }
    
    .box:hover .img {
        height: 100%;
    }
    
    .p-center {
        height: 1172px;
        background-color: #fff;
        margin-top: 120px;
    }
    
    .p-center-c {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .p-center .title {
        width: 1200px;
        height: 51px;
        margin: 120px auto 0;
    }
    
    .p-center .title .cname {
        height: 28px;
        font-size: 30px;
        line-height: 28px;
    }
    
    .p-center .title .ename {
        height: 10px;
        font-size: 12px;
        line-height: 10px;
        margin-top: 6px;
    }
    
    .p-center .title .line {
        /* width: 60px; */
        height: 1px;
        margin-top: 6px;
    }
    
    .p-center .title .left {
        width: 60px;
        height: 1px;
        background-color: #a1a1a1;
        float: left;
    }
    
    .p-center .title .right {
        width: 300px;
        height: 1px;
        background-color: #a1a1a1;
        float: right;
    }
    
    .pro-nav {
        width: fit-content;
        height: 114px;
        margin: 0 auto;
    }
    
    .pro-nav-item {
        float: left;
        width: 164px;
        margin: 30px 20px;
    }
    
    .pro-nav .img {
        width: 100%;
        height: 86px;
        background: url(../img/sofa.jpg) no-repeat center;
    }
    
    .pro-nav p {
        line-height: 16px;
        margin-top: 7px;
        text-align: center;
    }
    
    .pro-nav .cn {
        font-size: 16px;
    }
    
    .pro-nav .en {
        font-size: 14px;
    }
    
    .pro-nav-item:hover .img {
        background-color: #668aca;
    }
    
    .pro-nav-item:hover p {
        color: #668aca;
    }
    
    .top {
        position: relative;
        width: 1200px;
        height: 100%;
        color: #767676;
    }
    
    .top .box-1 {
        position: relative;
        float: left;
        display: block;
        width: 360px;
        height: 320px;
        margin-left: 30px;
        margin-top: 90px;
    }
    
    .top .imge {
        width: 360px;
        height: 320px;
    }
    
    .top .info {
        margin-left: 50px;
        overflow: hidden;
    }
    
    .top .word {
        font-size: 14px;
        line-height: 14px;
        margin-top: 28px;
        margin-bottom: 7px;
    }
    
    .box-1 .mask-1 {
        position: absolute;
        left: 0;
        top: 0;
        width: 360px;
        height: 320px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        opacity: 0;
    }
    
    .mask-1 p {
        position: absolute;
        left: 69px;
        bottom: 109px;
        font-size: 14px;
        line-height: 40px;
    }
    
    .box-1:hover .mask-1 {
        opacity: 1;
    }
    
    .box-1:hover .info {
        opacity: 0;
    }
    
    .box-1:hover .imge {
        height: 100%;
    }
    /* .service-area {
        position: relative;
        background: url(../img/图层\ 13.jpg) no-repeat center;
        background-size: cover;
        overflow: hidden; */
    /* } */
    
    .service {
        position: relative;
        width: 1800px;
        /* height: 1592px; */
        background-color: #fff;
        overflow: hidden;
    }
    
    .service-c {
        /* position: relative; */
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .service-c .title-5 {
        width: 1200px;
        height: 51px;
        margin: 120px auto 30px;
    }
    
    .title-5 .cname-5 {
        height: 28px;
        font-size: 30px;
        line-height: 28px;
    }
    
    .title-5 .ename-5 {
        height: 10px;
        font-size: 12px;
        line-height: 10px;
        margin-top: 6px;
    }
    
    .service .title-5 .line-5 {
        height: 1px;
        margin-top: 6px;
    }
    
    .service .title-5 .left-5 {
        width: 60px;
        height: 1px;
        background-color: #a1a1a1;
        float: left;
    }
    
    .service .s1 {
        position: relative;
    }
    
    .service .p1 {
        position: absolute;
        top: 150px;
        left: 300px;
    }
    
    .service .p2 {
        position: absolute;
        top: 215px;
        left: 300px;
    }
    
    .box-d {
        position: absolute;
        left: 496px;
        top: 397px;
        width: 1000px;
        height: 600px;
    }
    
    .box-d-1 {
        /* /* position: absolute; */
        position: relative;
        width: 250px;
        height: 150px;
        display: block;
        float: right;
        color: #fff;
        text-align: center;
        opacity: 0.2;
    }
    
    .box-d-1 span {
        width: 30px;
        height: 1px;
        background-color: black;
    }
    
    .box-d-1:hover {
        background-color: #668aca;
    }
    
    .box-d-1 .q {
        position: absolute;
        left: 51px;
        top: 93px;
        width: 94px;
        height: 16px;
    }
    
    .news {
        height: 682px;
        background-color: #fff;
        overflow: hidden;
    }
    
    .news-c {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .news-c .title-2 {
        width: 1200px;
        height: 51px;
        margin: 120px auto 30px;
    }
    
    .title-2 .cname-2 {
        height: 28px;
        font-size: 30px;
        line-height: 28px;
    }
    
    .title-2 .ename-2 {
        height: 10px;
        font-size: 12px;
        line-height: 10px;
        margin-top: 6px;
    }
    
    .news .title-2 .line-2 {
        height: 1px;
        margin-top: 6px;
    }
    
    .news .title-2 .left-2 {
        width: 60px;
        height: 1px;
        background-color: #a1a1a1;
        float: left;
    }
    
    .news .title-2 .right-2 {
        width: 300px;
        height: 1px;
        background-color: #a1a1a1;
        float: right;
    }
    
    .box-3 {
        position: relative;
        margin-top: 30px auto 30px
    }
    
    .box-a-1 {
        position: relative;
        width: 510px;
        height: 270px;
    }
    
    .box-3 .mask-2 {
        position: absolute;
        left: 0;
        top: 180px;
        width: 570px;
        height: 90px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        opacity: 0;
    }
    
    .box-3:hover .mask-2 {
        opacity: 1;
    }
    
    .mask-2 p {
        position: absolute;
        left: 50px;
        bottom: 11px;
        font-size: 14px;
        line-height: 40px;
    }
    
    .box-a-2 {
        width: fit-content;
        height: 270px;
        margin-bottom: 30px;
    }
    
    .box-a-2 .imge {
        float: left;
        display: block;
        margin: 30px 30px 30px 0;
    }
    /* 底部样式 */
    
    .box-b {
        position: absolute;
        right: 0;
        bottom: -27px;
        width: 570px;
        height: 570px;
        /* display: block;
        float: right; */
    }
    
    .about {
        height: 682px;
        background-color: #fff;
    }
    
    .about-c {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .about-c .title-3 {
        width: 1200px;
        height: 51px;
        margin: 120px auto 30px;
    }
    
    .title-3 .cname-3 {
        height: 28px;
        font-size: 30px;
        line-height: 28px;
    }
    
    .title-3 .ename-3 {
        height: 10px;
        font-size: 12px;
        line-height: 10px;
        margin-top: 6px;
    }
    
    .about .title-3 .line-3 {
        height: 1px;
        margin-top: 6px;
    }
    
    .about .title-3 .left-3 {
        width: 60px;
        height: 1px;
        background-color: #a1a1a1;
        float: left;
    }
    
    .about .title-3 .right-3 {
        width: 300px;
        height: 1px;
        background-color: #a1a1a1;
        float: right;
    }
    
    .box-4 {
        position: relative;
    }
    
    .box-4 .imge {
        margin-right: 10px;
    }
    
    .text-3 {
        position: absolute;
        right: 0;
        top: 20px;
        width: 672px;
        height: 300px;
        /* margin-left: 20px; */
    }
    
    .text-3 p {
        width: 100%;
        height: 63px;
        font-size: 14px;
    }
    
    .foot {
        height: 262px;
        background-color: #f7f7f7;
    }
    
    .foot-c {
        overflow: hidden;
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #f7f7f7;
    }
    
    .foot .link-c {
        text-indent: 138px;
        margin: 0 9.5px;
    }
    
    .foot .col {
        width: 400px;
        height: 75px;
        float: left;
        margin-top: 98px;
    }
    
    .foot .company {
        width: 386px;
        text-indent: 131px;
    }
    
    .foot .adress {
        width: 434px;
        border-left: 1px solid #e9e9e9;
        text-indent: 62px;
    }
    
    .foot .tel {
        width: 378px;
        border-left: 1px solid #e9e9e9;
        text-indent: 61px;
    }
    
    .foot .company .title {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    
    .foot .col p {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 16px;
    }